<template>
  <div class="container-addfriend">
        <div class="header-back" :class="{active: !blurFlag}">
            <div class="mui-bar mui-bar-nav">
                <span class=" mui-icon mui-icon-arrowleft" @click="goback"></span>
                <span>添加好友</span>
                <span class="right">
                </span>
            </div>
        </div>
        <!-- <headersub :name='name1' :action='"personHead"' @fucallback='fucallbackAction'></headersub> -->
        <addfriendssearchsub v-on:fucallback='fucall'></addfriendssearchsub>
  </div>
</template>
<script>
import headersubaction from './HeaderSubAction'
import addfriendssearchsub from './AddFriendsSearchSub'
  export default {
    data() {
      return {
        blurFlag: true,
        name1: '添加好友'
      }
    },
    components: {
      addfriendssearchsub,
      headersubaction
    },
    methods: {
      goback() {
            this.$router.go(-1)
           },
      fucall(flag) {
        this.blurFlag = flag
      }
    }
  }
</script>
<style lang='scss' scoped>
// @import "../../../lib/mui/css/mui.min.css";
.container-addfriend{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: white;
}
.header-back{
    position: relative;
    top: 0;
    left: 0;
    height: 44px;
    &.active{
        display: none;
    }
    .mui-bar{
        position: absolute !important;
    }
}

</style>
